
import { NavBar, Button } from "antd-mobile";
import { useNavigate } from "react-router-dom";

function Index() {
  const nav = useNavigate();

  const handleBack = () => {
    nav(-1); // 返回上一个页面
  };

  const handleAgree = () => {
    
    // 处理同意操作，可以跳转到预约页面或其他逻辑
    console.log('用户已同意预约须知');
     nav('/sy2'); // 跳转到预约页面
  };

  return (
    <div style={{ 
      width: '100vw', 
      height: '100vh', 
      background: '#f5f5f5',
      display: 'flex',
      flexDirection: 'column'
    }}>
      {/* 顶部导航栏 */}
      <NavBar onBack={handleBack} style={{ background: '#fff' }}>
        预约须知
      </NavBar>

      {/* 内容区域 */}
      <div style={{ 
        flex: 1, 
        padding: '16px', 
        background: '#fff',
        margin: '8px',
        borderRadius: '8px',
        overflow: 'auto',
        fontSize: '14px',
        lineHeight: '1.6',
        
      }}>
        <div style={{ marginBottom: '20px' }}>
          <h3 style={{ 
            fontSize: '16px', 
            fontWeight: 'bold', 
            marginBottom: '12px',
            
          }}>
            一、微信服务号可预约范围：
          </h3>
          <p style={{ marginBottom: '8px' }}>
            普通门诊、专病门诊、专家门诊、特需门诊以及膏方门诊。
          </p>
          <p style={{ marginBottom: '8px' }}>
            普通门诊、专病门诊预约患者，可享受优先诊疗；
          </p>
          <p style={{ marginBottom: '16px' }}>
            专家门诊、特需门诊就诊顺序，以预约签到排序为准。
          </p>
        </div>

        <div style={{ marginBottom: '20px' }}>
          <h3 style={{ 
            fontSize: '16px', 
            fontWeight: 'bold', 
            marginBottom: '12px',
            
          }}>
            二、严格实行实名制：
          </h3>
          <p>
            预约时需填写真实有效的患者信息，包括姓名、身份证、社保卡等有效证件号、手机号等。请务必填写有效手机号码，以便查收预约成功、停诊等医院通知。
          </p>
          
        </div>

        <div style={{ marginBottom: '20px' }}>
          <h3 style={{ 
            fontSize: '16px', 
            fontWeight: 'bold', 
            marginBottom: '12px',
            
          }}>
            三、预约时间：
          </h3>
          <p style={{ marginBottom: '8px' }}>
            就诊前15天至就诊日前1天(含双休日），23:00点以前。服务号开放号源时间为每天6:00点。
          </p>
        </div>

        <div style={{ marginBottom: '20px' }}>
          <h3 style={{ 
            fontSize: '16px', 
            fontWeight: 'bold', 
            marginBottom: '12px',
            
          }}>
            四、预约所需资料：
          </h3>
          
          <div style={{ marginBottom: '12px' }}>
            <h4 style={{ fontSize: '15px', fontWeight: '600', marginBottom: '8px' }}>
              1、本人实名制建档登记：
            </h4>
            <div style={{ paddingLeft: '16px' }}>
              <p style={{ marginBottom: '8px' }}>
                ①上海医保患者，可通过"添加本人实名制医保卡"，激活医保电子凭证，快速完成实名制建档登记；
              </p>
              <p style={{ marginBottom: '8px' }}>
                ②自费患者，可在服务号"我的"-"就诊人管理"中，提前"添加就诊人"，根据提示完整填写预约就诊人的有效信息，包括姓名、身份证号、手机号等，通过身份证验证，完成实名制建档登记；
              </p>
              <p style={{ marginBottom: '8px' }}>
                ③异地医保、离休医保、干保、工伤、儿保等特殊类型人员，需先以自费卡类型，完成实名制建档登记，就诊当日携带上述相关就诊卡、身份证等有效证件至医院人工窗口完成实名制建档确认。
              </p>
            </div>
          </div>

          <div style={{ marginBottom: '12px' }}>
            <h4 style={{ fontSize: '15px', fontWeight: '600', marginBottom: '8px' }}>
              2、绑定就诊卡：
            </h4>
            <p style={{ paddingLeft: '16px' }}>
              完成实名制建档登记后，可在微信服务号"我的"-"就诊人管理"中选择绑定相应就诊卡类型（如社保卡、自费卡等）后，进行预约。
            </p>
          </div>

          <div style={{ marginBottom: '12px' }}>
            <h4 style={{ fontSize: '15px', fontWeight: '600', marginBottom: '8px' }}>
              3、每个微信号可绑定多张（最多6张）就诊卡：
            </h4>
            <p style={{ paddingLeft: '16px' }}>
              以方便为他人（非初诊）进行预约。
            </p>
          </div>

          <div style={{ marginBottom: '12px' }}>
            <h4 style={{ fontSize: '15px', fontWeight: '600', marginBottom: '8px' }}>
              4、请在预约前务必确认本次预约的就诊卡信息：
            </h4>
            <p style={{ paddingLeft: '16px' }}>
              请务必填写真实有效的手机号码，以便接收医院的短信通知。
            </p>
          </div>
        </div>

        <div style={{ marginBottom: '20px' }}>
          <h3 style={{ 
            fontSize: '16px', 
            fontWeight: 'bold', 
            marginBottom: '12px',
       
          }}>
            五、现场确认：
          </h3>
          
          <div style={{ marginBottom: '12px' }}>
            <h4 style={{ fontSize: '15px', fontWeight: '600', marginBottom: '8px' }}>
              1、初诊患者：
            </h4>
            <p style={{ paddingLeft: '16px', marginBottom: '8px' }}>
              就诊当日，请携带有效证件（身份证、户口本等）原件（或复印件）及相关就诊卡至人工窗口进行登记确认，并签到挂号、候诊。
            </p>
        
              <strong>【注意】</strong>特殊类型就诊卡如异地医保、离休医保、干保、工伤、儿保等，在完成初次窗口登记确认后，需在手机服务号-"就诊人管理"中，重新绑定相关就诊卡，并将第一次建档登记预约时使用的自费卡解绑，以保证后续顺利预约。
          
          </div>

          <div style={{ marginBottom: '12px' }}>
            <h4 style={{ fontSize: '15px', fontWeight: '600', marginBottom: '8px' }}>
              2、复诊患者：
            </h4>
            <p style={{ paddingLeft: '16px' }}>
              就诊当日，请在指定时间段前往医院门诊的自助机，持预约时绑定的就诊卡（上海本地医保卡、自费卡），进行预约签到、挂号；特殊类型如异地医保、离休医保、干保、工伤、儿保等，需至人工窗口完成签到、挂号。挂号后，根据打印的凭条指引，到相应区域候诊。
            </p>
          </div>

          <div style={{ marginBottom: '12px' }}>
            <h4 style={{ fontSize: '15px', fontWeight: '600', marginBottom: '8px' }}>
              3、身份验证：
            </h4>
            <p style={{ paddingLeft: '16px' }}>
              如未能提供有效身份证明，或提供的信息与就诊的患者不符，则取消预约号源，现场不能修改身份信息。
            </p>
          </div>

          <div style={{ marginBottom: '12px' }}>
            <h4 style={{ fontSize: '15px', fontWeight: '600', marginBottom: '8px' }}>
              4、停诊通知：
            </h4>
            <p style={{ paddingLeft: '16px' }}>
              如遇专家停诊、移诊，医院会尽快以手机短信的形式通知已预约患者，请在就诊前留意手机短信。
            </p>
          </div>
        </div>

        <div style={{ marginBottom: '20px' }}>
          <h3 style={{ 
            fontSize: '16px', 
            fontWeight: 'bold', 
            marginBottom: '12px',
          
          }}>
            六、取消预约规则：
          </h3>
          <div style={{ paddingLeft: '16px' }}>
            <p style={{ marginBottom: '8px' }}>
              1、微信服务号预约成功后，因故不能来院就诊者，可在就诊日前1天（含双休日）23:30之前，在"我的预约"中，在线取消。膏方需至医院现场处理。
            </p>
            <p style={{ marginBottom: '8px' }}>
              2、现场预约者，可提前2个工作日致电:0000-666666（8:00-11:00及13:00-16:00）取消。
            </p>
            <p>
              3、其他第三方平台途径预约患者，可拨打预约平台电话或按平台提示网上取消。
            </p>
          </div>
        </div>

        <div style={{ marginBottom: '20px' }}>
          <h3 style={{ 
            fontSize: '16px', 
            fontWeight: 'bold', 
            marginBottom: '12px',
            
          }}>
            七、爽约规则：
          </h3>
          <p style={{ paddingLeft: '16px' }}>
            预约成功，但未按约定前来就诊者，一律视作爽约，爽约将记录在案，影响个人诚信。90个自然日内，累计爽约次数≥3次，将会被列入黑名单，自第三次爽约起90个自然日内，暂停该患者的预约资格。
          </p>
        </div>
      </div>

      {/* 底部同意按钮 */}
      <div style={{ 
        padding: '16px',
        background: '#fff',
        borderTop: '1px solid #f0f0f0'
      }}>
        <Button 
          block 
          color="primary" 
          size="large"
          onClick={handleAgree}
          style={{
            background: '#1677ff',
            border: 'none',
            borderRadius: '8px',
            height: '48px',
            fontSize: '16px',
            fontWeight: 'bold'
          }}
        >
          我已阅读并同意须知
        </Button>
      </div>
    </div>
  );
}

export default Index;
